<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

	</head>
	<body>
		<button>操作内容</button>
		<div>
		<p>文本内容</p>
		</div>
	</body>
	<script type="text/javascript" charset="utf-8">
		//1.操作文本内容
			// 获取元素
		var ele = document.querySelector('div')
		var btn = document.querySelector('button')
			// 获取元素的文本内容
		console.log(ele.innerText)
			// 给 按钮 绑定点击事件
		btn.onclick = function(){
			// 设置 div 内的文本内容
		ele.innerText ='新内容'
		}
		
		//2.操作超文本内容
		
		console.log(ele.innerHTML)
		
		btn.onclick=function(){
			ele.innerHTML='<span>新内容<span>'
		}
		
	</script>
</html>
